<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<base th:href="@{/}">

<!-- My Account Tab Menu Start -->
<div class="col-lg-3" th:fragment="leafname">
    <!-- Sidebar Widget Start -->
    <aside class="sidebar_widget mt-10 mt-lg-0">
        <div class="widget_inner">
            <div class="widget-list mb-10">
                <h3 class="widget-title mb-6">订单中心</h3>
                <!-- Widget Menu Start -->
                <nav>
                    <ul class="category-menu mb-n3">
                        <li class="menu-item-has-children pb-4"><a th:href="@{order/allOrder}">全部订单 </a></li>
                        <li class="menu-item-has-children pb-4"><a th:href="@{order/obligation}">待付款 </a></li>
                        <li class="menu-item-has-children pb-4"><a th:href="@{order/received}">待收货 </a></li>
                        <li class="menu-item-has-children pb-4"><a th:href="@{order/allcomment}">已评论 </a></li>
                    </ul>
                </nav>
                <!-- Widget Menu End -->
            </div>
            <div class="widget-list mb-10">
                <h3 class="widget-title mb-6">用户中心</h3>
                <div class="sidebar-body">
                    <ul class="sidebar-list">
                        <li><a href="#">个人信息 </a></li>
                        <li><a href="#">我的收藏 </a></li>
                        <li><a href="#">地址管理 </a></li>
                        <li><a href="#">优惠券 </a></li>
                        <li><a href="#">积分商城 </a></li>
                    </ul>
                </div>
            </div>
            <div class="widget-list mb-10">
                <h3 class="widget-title mb-6">Color</h3>
                <div class="sidebar-body">
                    <ul class="checkbox-container categories-list">
                        <li>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck12">
                                <label class="custom-control-label" for="customCheck12">black (20)</label>
                            </div>
                        </li>
                        <li>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck13">
                                <label class="custom-control-label" for="customCheck13">red (6)</label>
                            </div>
                        </li>
                        <li>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck14">
                                <label class="custom-control-label" for="customCheck14">blue (8)</label>
                            </div>
                        </li>
                        <li>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck11">
                                <label class="custom-control-label" for="customCheck11">green (5)</label>
                            </div>
                        </li>
                        <li>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck15">
                                <label class="custom-control-label" for="customCheck15">pink (4)</label>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="widget-list mb-10">
                <h3 class="widget-title mb-6">Tags</h3>
                <div class="sidebar-body">
                    <ul class="tags mb-n2">
                        <li><a href="#">Babys Toy</a></li>
                        <li><a href="#">Toy Factory</a></li>
                        <li><a href="#">Toy Fashion</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Handmade</a></li>
                        <li><a href="#">Lather</a></li>
                        <li><a href="#">Fabrics</a></li>
                    </ul>
                </div>
            </div>
            <div class="widget-list">
                <h3 class="widget-title mb-6">猜你喜欢</h3>

                <div class="sidebar-body product-list-wrapper mb-n6">

                    <!-- Single Product List Start -->
                    <div class="single-product-list mb-6" th:each="re:${session.get('sList')}">
                        <!-- Product List Thumb Start -->
                        <div class="product">
                            <div class="thumb">
                                <a href="single-product.html" class="image">
                                    <img class="fit-image first-image" th:src="${re.pic}"
                                         alt="Product Image">
<!--                                    <img class="fit-image second-image"-->
<!--                                         src="assets/images/products/small-product/10.jpg" alt="Product Image">-->
                                </a>
                            </div>
                        </div>
                        <!-- Product List Thumb End -->

                        <!-- Product List Content Start -->
                        <div class="product-list-content">
                            <h6 class="product-name">
                                <a href="single-product.html" th:text="${re.name}"></a>
                            </h6>
                            <span class="price">
                                                    <span class="new" th:text="'￥'+${re.promotionPrice}">$12.50</span>
                                            <span class="old" th:text="'￥'+${re.price}"></span>
                                            </span>
                        </div>
                        <!-- Product List Content End -->

                    </div>
                    <!-- Single Product List End -->



                </div>
            </div>
        </div>
    </aside>
    <!-- Sidebar Widget End -->
</div>

<script th:src="@{/assets/js/jquery.js}"></script>
<script>
    $(function () {
        $.ajax({
            url: '/order/allOrderList',
            type: "get",
            success: function (rel) {
                console.info(rel)
            }
        })
    })

</script>
<!-- My Account Tab Menu End -->
</html>